<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="../common/IncludeTop.jsp"%>


<div id="Catalog">
	<form action="confirmEdit" method="post">

		<h3>User Information</h3>

		<table>
			<tbody>
			<tr>
				<td>User ID:</td>
				<td>${sessionScope.account.username}</td>
			</tr>
			<tr>
				<td>New password:</td>
				<td><input  name="password" type="password">
			</tr>
			<tr>
				<td>Repeat password:</td>
				<td><input name="repeatedPassword" type="password"></td>
			</tr>
			</tbody>
		</table>
		<h3>Account Information</h3>

		<table>
			<tbody>
			<tr>
				<td>First name:</td>
				<td><input name="firstName" value="${sessionScope.account.firstName}" type="text"></td>
			</tr>
			<tr>
				<td>Last name:</td>
				<td><input name="lastName" value="${sessionScope.account.lastName}" type="text"></td>
			</tr>
			<tr>
				<td>Email:</td>
				<td><input name="email" value="${sessionScope.account.email}" type="text" size="40"></td>
			</tr>
			<tr>
				<td>Phone:</td>
				<td><input name="phone" value="${sessionScope.account.phone}"
						   type="text"></td>
			</tr>
			<tr>
				<td>Address 1:</td>
				<td><input name="address1"
						   value="${sessionScope.account.address1}" type="text" size="40"></td>
			</tr>
			<tr>
				<td>Address 2:</td>
				<td><input name="address2" value="${sessionScope.account.address2}"
						   type="text" size="40"></td>
			</tr>
			<tr>
				<td>City:</td>
				<td><input name="city" value="${sessionScope.account.city}" type="text"></td>
			</tr>
			<tr>
				<td>State:</td>
				<td><input name="state" value="${sessionScope.account.state}" type="text"
						   size="4"></td>
			</tr>
			<tr>
				<td>Zip:</td>
				<td><input name="zip" value="${sessionScope.account.zip}" type="text"
						   size="10"></td>
			</tr>
			<tr>
				<td>Country:</td>
				<td><input name="country" value="${sessionScope.account.country}" type="text"
						   size="15"></td>
			</tr>
			</tbody>
		</table>

		<h3>Profile Information</h3>

		<table>
			<tbody>
			<tr>
				<td>Language Preference:</td>
				<td>
<%--					<select name="languagePreference">--%>
<%--						<option selected="selected" value="">english</option>--%>
<%--						<option value="japanese">japanese</option>--%>
<%--						<select>--%>
					<select name="languagePreference" id="languagePreference">
						<c:forEach var="languages" items="${sessionScope.account.languagePreference}">
							<option>${languages}</option>
						</c:forEach>
					</select>
				</td>
			</tr>
			<tr>
				<td>Favourite Category:</td>
				<td>
					<select name="favouriteCategoryId" id="favouriteCategoryId">
						<c:forEach var="categories" items="${sessionScope.account.favouriteCategoryId}">
							<option>${categories}</option>
						</c:forEach>
					</select>
				</td>
			</tr>
			<tr>
				<td>Enable MyList</td>
				<td><input name="listOption" value="listOption"
						   type="checkbox"></td>
			</tr>
			<tr>
				<td>Enable MyBanner</td>
				<td><input name="bannerOption" value="bannerOption"
						   type="checkbox"></td>
			</tr>

			</tbody>
		</table>


		<input name="confirmEdit" value="Save Account Information"
			   type="submit">

	</form>
	<a href="orderList">My Orders</a>

</div>

</div>


</body>
</html>


<%@ include file="../common/IncludeBottom.jsp"%>
